// 1. 导入页面所需依赖资源（React核心、UI组件、工具函数等）
import React from 'react';
import { Card, Tabs } from 'antd';
import { ThicknessRockStratumTopCard, ThicknessRockStratumBottomCard, ThicknessRockStratumSideCard } from '../card/ThicknessRockStratumCard';

// 2. 定义页面组件
const ThicknessRockStratumPage: React.FC = () => {
  // 使用items配置替代TabPane组件
  const tabItems = [
    {
      key: '1',
      label: '顶部岩层',
      children: (
        <Card title="顶部岩层厚度计算">
          <ThicknessRockStratumTopCard />
        </Card>
      ),
    },
    {
      key: '2',
      label: '底部岩层',
      children: (
        <Card title="底部岩层厚度计算">
          <ThicknessRockStratumBottomCard />
        </Card>
      ),
    },
    {
      key: '3',
      label: '侧壁岩层',
      children: (
        <Card title="侧壁岩层厚度计算">
          <ThicknessRockStratumSideCard />
        </Card>
      ),
    },
  ];

  return <Tabs defaultActiveKey="1" items={tabItems} />;
};

export default ThicknessRockStratumPage;